import LoginForm from "../LoginForm"
import { LoginTabKeyEnums } from '@/enums'


interface LoginWraperProps {
  onChange: (e: LoginTabKeyEnums) => void
}

export default function LoginWraper({
  onChange
}: LoginWraperProps) {

  function onJumpToRegister() {
    onChange(LoginTabKeyEnums.Register)
  }

  return (
    <div className="w-full mt-[10%]">
      <h2 className="text-[32px] text-left font-bold">登 录</h2>
      <div className="mt-4">
        <p className="text-gray-400">
          还没有创建实验室？
          <span className="text-orange-700 cursor-pointer" onClick={onJumpToRegister}>请注册实验室账号</span>
        </p>
      </div>
      <LoginForm />
    </div>
  )
}